<html>

<head>
	<meta charset="UTF-8">
    
	<!-- import CSS -->
	<!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> -->
	<link rel="stylesheet" href="css/element.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/swipImg.css">
	<link rel="stylesheet" href="css/editormd.css" />
	<link rel="shortcut icon" href="https://pandao.github.io/editor.md/favicon.ico" type="image/x-icon" />
    
	<!-- 先引入 Vue -->
	<script src="js/vue.js"></script>
	<!-- 引入组件库 -->
	<script src="js/element.ui.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="lib/jquery.cookie.js"></script>
	<script src="js/smtp.js"></script>
	<script src="js/swipImg.js"></script>
	<script src="editormd.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/leancloud-storage@3.14.1/dist/av-live-query-min.js"></script>
	<script src="lib/c.js"></script>
	<script src="js/a.js"></script>
	<script src="lib/core.js" type="text/javascript"></script>
	<script src="lib/vue-marked.js" type="text/javascript"></script>
	<script src="js/crypto-js.js"></script>
	<script src="js/rem.js"></script>

</head>

<body>
	<div id="editormd">                
		<textarea style="display:none;"></textarea>
	</div>
	<div id="app">

		<!-- ----------------------表格------------------ -->

		<el-dialog title="查看公开的服务器文章" :visible.sync="customerBean.dialogVisible">
			<template>

				<div class="flex">
					<el-button type="primary" size="medium" icon="el-icon-search"
						@click="customerBean.queryData.action.searchAction()">
						搜索</el-button>
					</el-input>
					<el-input v-model="customerBean.queryData.nameinput"
						@keyup.enter.native="customerBean.queryData.action.searchAction" placeholder="文章识别码"
						style="flex:1;margin-right: 10px;"></el-input>
				</div>


				<div class="space"></div>

				<el-table v-loading="dialogloading" :data="customerBean.queryData.list" border>
					<el-table-column property="name" label="文章名"></el-table-column>
					<el-table-column property="UserId" label="识别码"></el-table-column>
					<el-table-column property="timeString" label="修改日期"></el-table-column>
					<el-table-column label="操作" width="120">
						<template slot-scope="scope">
							<el-button @click="overWatchItem(scope.row)" type="text">预览</el-button>
							<el-button @click="editMd(scope.row)" type="text" size="small">编辑查看</el-button>
						</template>
					</el-table-column>
				</el-table>
				<div class="space"></div>
				<el-pagination background layout="prev, pager, next" :page-count="customerBean.queryData.totlePage"
					@current-change="customerBean.queryData.action.executePageChange">
				</el-pagination>
			</template>
		</el-dialog>

		<!-- ----------------------表格------------------ -->


		<!-- ----------------------------------管理超级管理员-------------------------- -->
		<el-dialog title="超级用户管理" width="80%" :close-on-click-modal="false" :visible.sync="userBean.dialogVisible"
			:center="true">
			<template>
				<el-container style=" border: 1px solid #eee">
					<el-aside id="menuSide" width="200px" style="background-color: rgb(238, 241, 246)">
						<el-menu :default-openeds="userBean.defultOpeneds"
							:default-active="userBean.activeWindow.MenuActive" @select="MenueSelect">
							<el-submenu index="0">
								<template slot="title"><i class="el-icon-s-order"></i>我的文章</template>

								<el-menu-item v-for="(menuItem,itemIndex) in userBean.leftMenuBean.owerFileTags"
									:key="itemIndex" :index=('0-'+itemIndex)>
									<template><i class="el-icon-s-finance"></i>{{menuItem.name}}</template>

								</el-menu-item>
							</el-submenu>
							<el-menu-item index="1-099">
								<template><i class="el-icon-s-management"></i>服务器公开文章</template>
							</el-menu-item>
							<el-submenu index="1">
								<template slot="title"><i class="el-icon-menu"></i>我的群组</template>

								<label v-for="(menuItem,itemIndex) in userBean.leftMenuBean.myGroups" :key="itemIndex">
									<el-submenu :index=('1-'+itemIndex)>
										<template slot="title"><i
												class="el-icon-s-custom"></i>{{menuItem.groupName}}</template>
										<el-menu-item :index=getIndex('1-',itemIndex,'-0')>
											<template><i class="el-icon-s-check"></i>管理群组人员</template>
										</el-menu-item>
										<el-menu-item :index=getIndex('1-',itemIndex,'-1')>
											<template><i class="el-icon-s-management"></i>管理群组文章</template>
										</el-menu-item>
									</el-submenu>
								</label>
								<el-menu-item index="1-200">
									<template><i class="el-icon-circle-plus"></i>加入群组</template>
								</el-menu-item>
								<el-menu-item index="1-100">
									<template><i class="el-icon-circle-plus"></i>新建群组</template>
								</el-menu-item>

							</el-submenu>
							<template v-if="userBean.isMaster">
								<el-submenu index="100">
									<template slot="title"><i class="el-icon-s-management"></i>站长管理</template>

									<el-menu-item index="3-1">
										<template><i class="el-icon-s-management"></i>管理所有成员</template>
									</el-menu-item>
									<el-menu-item index="3-2">
										<template><i class="el-icon-s-management"></i>管理所有群组</template>
									</el-menu-item>
									<el-menu-item index="3-3">
										<template><i class="el-icon-s-management"></i>管理所有文章</template>
									</el-menu-item>
									<el-menu-item index="3-4">
										<template><i class="el-icon-s-management"></i>管理服务器文件</template>
									</el-menu-item>
								</el-submenu>
							</template>
						</el-menu>

						</el-input>
					</el-aside>

					<el-container>
						<el-header style="text-align: right; font-size: 12px">
							<el-dropdown>
								<span id="loginTag">{{userBean.loginName }}</span>
								<span id="loginTag">{{userBean.powerLab}}</span>
								<el-dropdown-menu slot="dropdown">

									<el-dropdown-item @click.native="loginOut">注销</el-dropdown-item>
									<el-dropdown-item @click.native="changePwd()">修改密码</el-dropdown-item>
									<el-dropdown-item @click.native="cleanCatch()">刷新(清除缓存)</el-dropdown-item>
									<el-dropdown-item>查看详情</el-dropdown-item>
								</el-dropdown-menu>
							</el-dropdown>

						</el-header>

						<el-main>
							<el-tabs v-if="userBean.editableTabs.length>0" v-model="userBean.editableTabsValue"
								type="border-card" closable @tab-remove="removeTab" @tab-click="tabClick">
								<el-tab-pane v-for="(item, index) in userBean.editableTabs" :key="item.name"
									:label="item.title" :name="item.name">
									<template>
										<template v-if="userBean.activeWindow.type===0||userBean.activeWindow.type===1">
											<div class="flex">
												<el-button type="primary" size="medium" icon="el-icon-search"
													@click="userBean.activeWindow.TableBean.action.searchAction()">
													搜索</el-button>
												</el-input>
												<el-input v-model="userBean.activeWindow.TableBean.nameinput"
													@keyup.enter.native="userBean.activeWindow.TableBean.action.searchAction()"
													placeholder="文章名" style="flex:1;margin-right: 10px;"></el-input>
											</div>
											<div class="space"></div>

											<div class="flex">


												<el-button v-if="userBean.activeWindow.type===0" size="small"
													type="primary" plain
													@click="addMdPost(userBean.activeWindow.TableBean)">新增文章
												</el-button>
												<el-button v-else size="small" type="primary" plain
													@click="newGroupMd(userBean.activeWindow.TableBean)">新建组文章
												</el-button>
											</div>

											<el-table :header-cell-style="{color:'balck'}" v-loading="dialogloading"
												:data="userBean.activeWindow.TableBean.list" border>
												<el-table-column label="文章名">

													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															<el-input size="mini" placeholder="请输入内容"
																v-model="userBean.activeWindow.TableBean.seletItem.name">

															</el-input>
														</span>
														<span v-else>{{scope.row.name}}</span>
													</template>
												</el-table-column>

												<el-table-column label="所属群组">

													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															<el-select size="mini" filterable remote
																:remote-method="userBean.remoteGroup"
																v-model="userBean.activeWindow.TableBean.seletItem.groupId"
																placeholder="请选择">
																<el-option v-for="item in userBean.allGroups"
																	:key="item.objectId" :label="item.groupName"
																	:value="item.groupId">
																</el-option>
															</el-select>
														</span>
														<span v-else>{{scope.row.groupName}}</span>
													</template>
												</el-table-column>

												<el-table-column label="作者">
													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															<el-input size="mini" placeholder="请输入内容"
																v-model="userBean.activeWindow.TableBean.seletItem.UserId">

															</el-input>
														</span>
														<span v-else>{{scope.row.UserId}}</span>
													</template>

												</el-table-column>
												<el-table-column label="标签" width="200px">
													<template slot-scope="scope">

														<el-tag size="small" v-for="tag in scope.row.tags"
															:key="tag.name" :closable="scope.row.isSet"
															@click="if(scope.row.isSet) userBean.activeWindow.TableBean.action.selectTagType(tag)"
															:type="tag.type"
															@close="userBean.activeWindow.TableBean.action.removeTag(scope.row.tags,tag)">
															{{tag.name}}
														</el-tag>
														<template v-if="scope.row.isSet">
															<el-button class="button-new-tag" size="mini"
																icon="el-icon-edit"
																@click="inputTagType(scope.row.tags)"></el-button>
														</template>

													</template>

												</el-table-column>

												<el-table-column label="权限">

													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															<el-select size="mini" filterable
																v-model="userBean.activeWindow.TableBean.seletItem.power"
																placeholder="请选择">
																<el-option
																	v-for="item in userBean.powerList.md.powerLab"
																	:key="item.value" :label="item.name"
																	:value="item.value">
																</el-option>
															</el-select>
														</span>
														<span v-else>{{showMdPowerName(scope.row.power)}}</span>
													</template>
												</el-table-column>

												<el-table-column label="识别码">
													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															<el-input size="mini" placeholder="请输入内容"
																v-model="userBean.activeWindow.TableBean.seletItem.Identification">

															</el-input>
														</span>
														<span v-else>{{scope.row.Identification}}</span>
													</template>
												</el-table-column>
												<el-table-column property="timeString" width="150px" label="创建日期">
												</el-table-column>
												<el-table-column label="文章" width="150px">
													<template slot-scope="scope">
														<el-button v-if="scope.row.isSet" type="text"
															@click="importLocalMd(scope.row,userBean.activeWindow.TableBean.seletItem)">
															导入本地MD文章
														</el-button>
														<el-button v-else type="text"
															@click="insertMdEditor(scope.row)">导出到编辑器
														</el-button>
													</template>
												</el-table-column>
												<el-table-column label="操作" width="150px">
													<template slot-scope="scope">

														<el-button
															@click="overWatchItem(scope.row.isSet?userBean.activeWindow.TableBean.seletItem:scope.row)"
															type="text">预览
														</el-button>

														<el-button type="text"
															:disabled=userBean.activeWindow.disabledWrite
															@click="userBean.activeWindow.TableBean.action.saveChange(scope.row)">
															{{scope.row.isSet?'保存':"修改"}}
														</el-button>
														<el-button v-if="scope.row.isSet" type="text"
															@click="userBean.cancelEdit(scope.row)">取消</el-button>

														<el-button v-else type="text"
															:disabled=userBean.activeWindow.disabledWrite
															style="color: red" @click="delect(scope)">删除</el-button>
													</template>
												</el-table-column>
											</el-table>
											<div class="space"></div>
											<el-pagination background layout="prev, pager, next"
												:page-count="userBean.activeWindow.TableBean.totlePage"
												:current-page="userBean.activeWindow.TableBean.currentPage"
												@current-change="userBean.activeWindow.TableBean.action.executePageChange">
											</el-pagination>
										</template>

										<!-- 所有成员------------------------------------------------- -->
										<template v-else-if="userBean.activeWindow.type===3">
											<div class="flex">
												<el-button type="primary" size="medium" icon="el-icon-search"
													@click="userBean.activeWindow.TableBean.action.searchAction()">
													搜索</el-button>
												</el-input>
												<el-input v-model="userBean.activeWindow.TableBean.nameinput"
													@keyup.enter.native="userBean.activeWindow.TableBean.action.searchAction()"
													placeholder="管理员名称" style="flex:1;margin-right: 10px;"></el-input>
											</div>
											<div class="space"></div>
											<div class="flex">
												<el-button size="small" type="primary" plain
													@click="userBean.activeWindow.TableBean.action.addItem(userBean.activeWindow.TableBean)">
													添加超级管理员
												</el-button>
											</div>

											<el-table v-loading="dialogloading"
												:data="userBean.activeWindow.TableBean.list" border>
												<el-table-column label="管理员名称">
													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															<el-input size="mini" placeholder="请输入内容"
																v-model="userBean.activeWindow.TableBean.seletItem.name">
															</el-input>
														</span>
														<span v-else>{{scope.row.name}}</span>
													</template>
												</el-table-column>
												<el-table-column property="objectId" label="成员id"></el-table-column>

												<el-table-column label="权限等级">
													<template slot-scope="scope">


														<span v-if="scope.row.isSet">
															<el-select size="mini" filterable
																v-model="userBean.activeWindow.TableBean.seletItem.power"
																placeholder="请选择">
																<el-option
																	v-for="item in userBean.powerList.number.powerLab"
																	:key="item.value" :label="item.name"
																	:value="item.value">
																</el-option>
															</el-select>
														</span>
														<span v-else>{{showNumberPowerName(scope.row.power)}}</span>
													</template>
												</el-table-column>


												<el-table-column prop="tag" label="审核状态"
													:filters="[{ text: '通过', value: '通过' }, { text: '未通过', value: '未通过' }, { text: '待审核', value: '待审核' }]"
													:filter-method="filterTag" filter-placement="bottom-end">
													<template slot-scope="scope">
														<el-tag
															:type="scope.row.examine == '通过' ? 'success' : 'primary'"
															close-transition>{{scope.row.examine}}</el-tag>
													</template>
												</el-table-column>


												<el-table-column label="密码">
													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															<!-- <el-input size="mini" placeholder="请输入内容" v-model="userBean.activeWindow.TableBean.seletItem.pwd">
																</el-input> -->
															<el-button type="text" size="small" style="color: red"
																@click="userBean.activeWindow.TableBean.seletItem.pwd='123456'">
																重置密码</el-button>
														</span>
														<span v-else>******</span>
													</template>
												</el-table-column>

												<el-table-column label="邮箱">
													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															<el-input size="mini" placeholder="请输入内容"
																v-model="userBean.activeWindow.TableBean.seletItem.mail">
															</el-input>
														</span>
														<span v-else>{{scope.row.mail}}</span>
													</template>
												</el-table-column>
												<!-- mail -->
												<el-table-column property="timeString" label="创建日期"></el-table-column>
												<el-table-column label="操作" width="120">
													<template slot-scope="scope">


														<el-button type="text" size="small"
															@click="userBean.activeWindow.TableBean.action.saveChange(scope.row)">
															{{scope.row.isSet?'保存':"编辑"}}</el-button>
														<el-button v-if="scope.row.isSet" type="text"
															@click="userBean.cancelEdit(scope.row)">取消</el-button>
														<el-button v-if="scope.row.examine != '通过'" type="text"
															size="small" style="color: red"
															@click="acceptUser(scope.row) ">审核通过</el-button>
														<el-button v-else type="text" size="small" style="color: red"
															@click="delect(scope)">移除成员</el-button>
													</template>
												</el-table-column>

											</el-table>
											<div class="space"></div>
											<el-pagination background layout="prev, pager, next"
												:page-count="userBean.activeWindow.TableBean.totlePage"
												@current-change="userBean.activeWindow.TableBean.action.executePageChange">
											</el-pagination>
										</template>
										<!-- ------------------------------------------------	 -->
										<!-- ------------------------管理服务器文件------------------------	 -->
										<template v-else-if="userBean.activeWindow.type===5">
											<div class="flex">
												<el-button type="primary" size="medium" icon="el-icon-search"
													@click="userBean.activeWindow.TableBean.action.searchAction()">
													搜索</el-button>
												</el-input>
												<el-input v-model="userBean.activeWindow.TableBean.nameinput"
													@keyup.enter.native="userBean.activeWindow.TableBean.action.searchAction()"
													placeholder="文件名称" style="flex:1;margin-right: 10px;"></el-input>
											</div>
											<div class="space"></div>
											<div class="flex">
												<el-button size="small" type="primary" plain
													@click="uploadClick">
													上传文件
												</el-button>
											</div>
										
											<el-table v-loading="dialogloading"
												:data="userBean.activeWindow.TableBean.list" border>
												
												<el-table-column property="name" label="文件名称">
													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															{{userBean.activeWindow.TableBean.seletItem.name}}
														</span>
														<span v-else>{{scope.row.name}}</span>
													</template>
												</el-table-column>
												 <el-table-column label="详情" align="center" height="10px">
												      <template slot-scope="scope">
												        <el-popover placement="right" title="" trigger="hover">
												          <img :src="scope.row.url" style="max-height:50rem;max-width: 30rem"/>
												          <img slot="reference" :src="scope.row.url" :alt="scope.row.url" style="max-height: 50px;max-width: 130px">
												        </el-popover>
												      </template>
												    </el-table-column>
												<el-table-column property="power" label="访问路径">
													<template slot-scope="scope">
														 <a :href="scope.row.url" target="view_window">文件下载路径</a>
		
													</template>
												</el-table-column>
												<el-table-column property="timeString" label="创建日期"></el-table-column>
												<el-table-column label="操作" width="120">
													<template slot-scope="scope">
														<el-button  type="text" size="small" style="color: red"
															@click="delect(scope)">删除</el-button>
													</template>
										
												</el-table-column>
										
											</el-table>
											<div class="space"></div>
											<el-pagination background layout="prev, pager, next"
												:page-count="userBean.activeWindow.TableBean.totlePage"
												@current-change="userBean.activeWindow.TableBean.action.executePageChange">
											</el-pagination>
										</template>
										<!-- ------------------------管理当前群组人员------------------------	 -->
										<template v-else-if="userBean.activeWindow.type===2">
											<div class="flex">
												<el-button type="primary" size="medium" icon="el-icon-search"
													@click="userBean.activeWindow.TableBean.action.searchAction()">
													搜索</el-button>
												</el-input>
												<el-input v-model="userBean.activeWindow.TableBean.nameinput"
													@keyup.enter.native="userBean.activeWindow.TableBean.action.searchAction()"
													placeholder="群组成员名称" style="flex:1;margin-right: 10px;"></el-input>
											</div>
											<div class="space"></div>
											<div class="flex">
												<el-button size="small" type="primary" plain
													@click="userBean.activeWindow.TableBean.action.addItem(userBean.activeWindow.TableBean)">
													添加成员
												</el-button>
											</div>

											<el-table v-loading="dialogloading"
												:data="userBean.activeWindow.TableBean.list" border>


												<el-table-column label="所属群组">

													<template slot-scope="scope">
														<!-- <span v-if="scope.row.isSet">
															<el-select size="mini" filterable
																v-model="userBean.activeWindow.TableBean.seletItem.groupId"
																placeholder="请选择">
																<el-option v-for="item in userBean.allGroups"
																	:key="item.objectId" :label="item.groupName"
																	:value="item.groupId">
																</el-option>
															</el-select>
														</span> -->
														<span>{{scope.row.groupName}}</span>
													</template>
												</el-table-column>

												<el-table-column property="numberName" label="成员名称">
													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															<el-select size="mini" filterable remote reserve-keyword
																:remote-method="userBean.remoteUser"
																:loading="userBean.remoteloading"
																@change="userBean.remoteChange"
																v-model="userBean.activeWindow.TableBean.seletItem.temp"
																placeholder="输入姓名检索">
																<el-option v-for="item in userBean.remoteList"
																	:key="item.objectId" :label="item.name"
																	:value="item.objectId">
																</el-option>
															</el-select>
														</span>
														<span v-else>{{scope.row.numberName}}</span>
													</template>
												</el-table-column>
												<el-table-column property="numberId" label="成员id">
													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															{{userBean.activeWindow.TableBean.seletItem.numberId}}
														</span>
														<span v-else>{{scope.row.numberId}}</span>
													</template>
												</el-table-column>
												<el-table-column property="power" label="权限等级">
													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															<el-input size="mini" placeholder="请输入内容"
																v-model="userBean.activeWindow.TableBean.seletItem.power">
															</el-input>
														</span>
														<span v-else>{{scope.row.power}}</span>
													</template>
												</el-table-column>
												<el-table-column property="timeString" label="创建日期"></el-table-column>
												<el-table-column label="操作" width="120">
													<template slot-scope="scope">


														<el-button type="text" size="small"
															@click="userBean.activeWindow.TableBean.action.saveChange(scope.row)">
															{{scope.row.isSet?'保存':"编辑"}}</el-button>
														<el-button v-if="scope.row.isSet" type="text"
															@click="userBean.cancelEdit(scope.row)">取消</el-button>
														<el-button v-else type="text" size="small" style="color: red"
															@click="delect(scope)">移除成员</el-button>
													</template>

												</el-table-column>

											</el-table>
											<div class="space"></div>
											<el-pagination background layout="prev, pager, next"
												:page-count="userBean.activeWindow.TableBean.totlePage"
												@current-change="userBean.activeWindow.TableBean.action.executePageChange">
											</el-pagination>
										</template>
										<!-- ----------------默认表格----------------------- -->
										<template v-else>
											<div class="flex">
												<el-button type="primary" size="medium" icon="el-icon-search"
													@click="userBean.activeWindow.TableBean.action.searchAction()">
													搜索</el-button>
												</el-input>
												<el-input v-model="userBean.activeWindow.TableBean.nameinput"
													@keyup.enter.native="userBean.activeWindow.TableBean.action.searchAction()"
													placeholder="关键字" style="flex:1;margin-right: 10px;"></el-input>
											</div>
											<div class="space"></div>
											<div class="flex">
												<el-button size="small" type="primary" plain
													@click="userBean.activeWindow.TableBean.action.addItem(userBean.activeWindow.TableBean)">
													添加
												</el-button>
											</div>

											<el-table v-loading="dialogloading"
												:data="userBean.activeWindow.TableBean.list" border>

												<el-table-column property="name" label="名称">
													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															<el-input size="mini" placeholder="请输入内容"
																v-model="userBean.activeWindow.TableBean.seletItem.name">
															</el-input>
														</span>
														<span v-else>{{scope.row.name}}</span>
													</template>
												</el-table-column>
												<el-table-column property="objectId" label="id">
													<template slot-scope="scope">
														<span v-if="scope.row.isSet">
															<el-input size="mini" placeholder="请输入内容"
																v-model="userBean.activeWindow.TableBean.seletItem.objectId">
															</el-input>
														</span>
														<span v-else>{{scope.row.objectId}}</span>
													</template>
												</el-table-column>
												<el-table-column property="timeString" label="创建日期"></el-table-column>
												<el-table-column label="操作" width="230">
													<template slot-scope="scope">
														<el-button type="text" size="small"
															@click="AllGroupMdManager(scope.row)">组内文章</el-button>
														<el-button type="text" size="small"
															@click="AllGroupNumberManager(scope.row)">组内成员</el-button>
														<!-- 管理组内成员 -->
														<el-button type="text" size="small"
															@click="userBean.activeWindow.TableBean.action.saveChange(scope.row)">
															{{scope.row.isSet?'保存':"编辑"}}</el-button>
														<el-button v-if="scope.row.isSet" type="text"
															@click="userBean.cancelEdit(scope.row)">取消</el-button>
														<el-button v-else type="text" style="color: red" size="small"
															@click="delect(scope)">删除</el-button>
													</template>

												</el-table-column>

											</el-table>
											<div class="space"></div>
											<el-pagination background layout="prev, pager, next"
												:page-count="userBean.activeWindow.TableBean.totlePage"
												@current-change="userBean.activeWindow.TableBean.action.executePageChange">
											</el-pagination>
										</template>
									</template>
								</el-tab-pane>
							</el-tabs>
							<template v-else>
								<div style="width: 100%;text-align: center">
									<el-image
										:src="'https://img.vim-cn.com/75/ea527915848842f5efe59ad32518e3cfbd7953.gif'">
									</el-image>
									<br />
									<span style="font-size: 20px">没有数据啊</span>
								</div>

							</template>
						</el-main>
					</el-container>
				</el-container>
			</template>
		</el-dialog>
		<!-- -------------------------预览浮窗--------------------------------- -->

		<el-dialog title="在线预览" :visible.sync="mdOverWatchEnable">
			<template>
			<div id="overMd" style="padding:10px">
			</div>
			<div style="display: flex;justify-content: flex-end;">
			<el-button type="text" @click="shareMd" icon="el-icon-share">分享这篇文章并生成链接</el-button>
			</div>
		</template>
		</el-dialog>
		<!-- ------------------------预览浮窗--------------------------------- -->
			<!-- -------------------------文件上传--------------------------------- -->

			<el-dialog title="上传文件" :visible.sync="upload.uploadVisiable">
				<template >
				
					<el-upload
					v-loading="upload.uploadLoading"
					drag
					:limit=1
					:on-change="fileChange"
					:on-exceed="exceed"
					action=""
					:auto-upload="false"
					multiple>
					<i class="el-icon-upload"></i>
					<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
					<div class="el-upload__tip" slot="tip">服务器空间有限谨慎上传(违禁内容禁止上传)</div>
				  </el-upload>
				  <span slot="footer" class="dialog-footer">
					<el-button @click="upload.uploadVisiable = false">取 消</el-button>
					<el-button type="primary" @click="uploadAction">确 定</el-button>
				  </span>
			</template>
			</el-dialog>
			<!-- ------------------------预览浮窗--------------------------------- -->

		<!-- -------------------------修改密码--------------------------------- -->

		<el-dialog title="修改密码" :visible.sync="Form.changePwdForm.dialogVisible" width="500px" :center="true">
			<template>
				<el-form :model="Form.changePwdForm.bean" status-icon :rules="Form.changePwdForm.rules"
					:ref="Form.changePwdForm.ref" label-width="100px" class="demo-pwdForm">
					<el-form-item label="旧密码" prop="pass">
						<el-input type="password" v-model="Form.changePwdForm.bean.pass" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="新密码" prop="checkPass">
						<el-input type="password" v-model="Form.changePwdForm.bean.checkPass" autocomplete="off">
						</el-input>
					</el-form-item>
					<el-form-item label="滑动验证">
						<div id="slideImageWrap">
						</div>
					</el-form-item>
					<el-form-item>
						<el-button type="primary" @click="Form.changePwdForm.submitPwd()">提交</el-button>
						<el-button @click="Form.changePwdForm.resetPwd()">重置</el-button>
					</el-form-item>
				</el-form>
			</template>
		</el-dialog>
		<!-- ------------------------修改密码--------------------------------- -->
		<!-- -------------------------登录--------------------------------- -->

		<el-dialog title="超级管理员" :visible.sync="Form.loginForm.dialogVisible" width="500px" :center="true">
			<template v-if="Form.loginForm.mailVisble">
				<div>
					<el-form :model="Form.loginForm.registerBean" status-icon :rules="Form.loginForm.maileRules"
						:ref="Form.loginForm.maileRef" label-width="100px">
						<el-form-item label="账号" prop="name">
							<el-input type="text" placeholder="请输入账号" v-model="Form.loginForm.registerBean.name"
								autocomplete="off"></el-input>
						</el-form-item>
						<el-form-item label="邮箱" prop="mail">
							<el-input type="text" placeholder="请输入邮箱" v-model="Form.loginForm.registerBean.mail"
								autocomplete="off">
							</el-input>
						</el-form-item>
						<el-form-item label="滑动验证">
							<div id="slideImageWrap1">
							</div>
						</el-form-item>

						<el-form-item>
							<el-button type="primary" @click="Form.loginForm.registerUser">申请超级管理员</el-button>
							<el-button type="primary" @click="Form.loginForm.mailVisble=false">返回登录</el-button>
						</el-form-item>
					</el-form>
				</div>
			</template>
			<template v-else>
				<el-form :model="Form.loginForm.bean" status-icon :rules="Form.loginForm.rules"
					:ref="Form.loginForm.ref" label-width="100px">

					<el-form-item label="账号/邮箱" prop="name">
						<el-input type="text" v-model="Form.loginForm.bean.name" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="密码" prop="pwd">
						<el-input type="password" v-model="Form.loginForm.bean.pwd" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item>
						<el-button type="primary" @click="Form.loginForm.loginAdmin">登录</el-button>
						<el-button type="text" @click="Form.loginForm.register">申请超级管理员</el-button>
						<el-button type="text" @click="Form.loginForm.forgetPwd">忘记密码</el-button>
					</el-form-item>
				</el-form>
			</template>
		</el-dialog>
		<!-- ------------------------登录--------------------------------- -->

		<!-- -------------------------忘记密码--------------------------------- -->

		<el-dialog title="找回密码" :visible.sync="Form.forgetPwdForm.dialogVisible" width="500px" :center="true">
			<template>

				<el-form :model="Form.forgetPwdForm.bean" status-icon :rules="Form.forgetPwdForm.rules"
					:ref="Form.forgetPwdForm.ref" label-width="100px">
					<el-form-item label="账号" prop="name">
						<el-input type="text" v-model="Form.forgetPwdForm.bean.name" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="邮箱" prop="mail">
						<el-input type="text" v-model="Form.forgetPwdForm.bean.mail" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="滑动验证">
						<div id="slideImageWrap3">
						</div>
					</el-form-item>
					<el-form-item>
						<el-button type="primary">提交邮箱</el-button>
					</el-form-item>
				</el-form>

			</template>

		</el-dialog>
		<!-- ------------------------忘记密码--------------------------------- -->
		<!-- -------------------------新建群组--------------------------------- -->

		<el-dialog title="新建群组" :visible.sync="Form.creatGroupForm.dialogVisible" width="500px" :center="true">
			<template>

				<el-form status-icon :model="Form.creatGroupForm.bean" :rules="Form.creatGroupForm.rules"
					:ref="Form.creatGroupForm.ref">
					<el-form-item label="群组名称" prop="name">
						<el-input type="text" v-model="Form.creatGroupForm.bean.name" autocomplete="off"></el-input>
					</el-form-item>

					<el-form-item>
						<el-button type="primary" @click.native="Form.creatGroupForm.action">创建群组</el-button>
					</el-form-item>
				</el-form>

			</template>

		</el-dialog>
		<!-- ------------------------新建群组--------------------------------- -->

		<!-- -------------------------加入群组--------------------------------- -->

		<el-dialog title="加入群组" :visible.sync="Form.joinGroupForm.dialogVisible" width="500px" :center="true">
			<template>

				<el-form status-icon :model="Form.joinGroupForm.bean">
					<el-form-item label="群组">
						<el-select style="width: 100%; height: 39px;" size="mini" filterable remote
							:remote-method="userBean.remoteGroup" v-model="Form.joinGroupForm.bean.groupId"
							placeholder="请选择">
							<el-option v-for="item in userBean.allGroups" :key="item.objectId" :label="item.groupName"
								:value="item.groupId">
							</el-option>
						</el-select>
					</el-form-item>

					<el-form-item>
						<el-button type="primary" @click="Form.joinGroupForm.action">加入群组</el-button>
					</el-form-item>
				</el-form>

			</template>

		</el-dialog>
		<!-- ------------------------新建群组--------------------------------- -->

		<!-- -------------------------上传文章--------------------------------- -->

		<el-dialog title="上传文章到服务器" :visible.sync="Form.upLoadForm.dialogVisible" width="500px" :center="true">
			<template>

				<el-form status-icon>
					<el-form-item label="文章名称" prop="name">
						<el-input type="text" v-model="Form.upLoadForm.bean.name" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="文章作者">
						<el-input type="text" v-model="Form.upLoadForm.bean.UserId" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item v-if="Form.upLoadForm.open === '1' && !(Form.upLoadForm.isCustomer)" label="所属群组">
						<el-select style="width: 100%" v-model="Form.upLoadForm.bean.groupId" placeholder="请选择">
							<el-option v-for="item in userBean.allGroups" :key="item.objectId" :label="item.groupName"
								:value="item.groupId">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item label="修改权限">
						<el-radio-group style="width: 100%" v-model="Form.upLoadForm.bean.power">
							<el-radio-button label="0">所有人</el-radio-button>
							<el-radio-button label="1">群组</el-radio-button>
							<el-radio-button label="2">创建者</el-radio-button>
						</el-radio-group>

					</el-form-item>

					<el-form-item label="是否对所有人公开">
						<el-radio-group style="margin-left: 15px" v-model="Form.upLoadForm.open">
							<el-radio-button label="0">是</el-radio-button>
							<el-radio-button label="1">否</el-radio-button>

						</el-radio-group>

					</el-form-item>
					<el-form-item>
						<el-button type="primary" :disabled=Form.upLoadForm.disabled
							@click="Form.upLoadForm.action.commit">提交到服务器</el-button>

					</el-form-item>
				</el-form>

			</template>

		</el-dialog>
		<!-- ------------------------上传文章--------------------------------- -->



		<!-- ----------------------留言板------------------ -->
		<el-dialog title="在线留言板" :visible.sync="dialogVisible" width="50%">
			<template>
				<iframe frameborder=0 src="chart.html" style="width:100%; height: 500px;"></iframe>
			</template>
		</el-dialog>
		<!-- ----------------------留言板------------------ -->


		<!-- ----------------------嵌入网页------------------ -->
		<el-dialog title="iframe" :visible.sync="iframeDialogVisible" width="70%">
			<template>
				<iframe frameborder=0 src="../2md/index.html" style="width:100%; height: 650px;"></iframe>
			</template>
		</el-dialog>
		<!-- ----------------------留言板------------------ -->
	</div>



	<img class="btn" width="50px" height="50px" src="images/message.png" onclick="chartBtn()" style="width: 50px; height: 50px;position: absolute;z-index: 999;bottom: 50px; right: 50px;
		 border-radius: 25px; border:1px solid dodgerblue;box-shadow: 5px 5px 5px #888888;">
<img id="scrolBtn" class="btn" width="50px" height="50px" src="images/arrow_up.png" onclick="up()" style="width: 50px; height: 50px;position: absolute;z-index: 999;bottom: 150px; right: 50px;
border-radius: 25px; box-shadow: 5px 5px 5px #888888;">

</body>


<script src="js/mdpage.js"></script>
<style>
	.space {
		height: 10px;
	}

	.el-header {
		background-color: #B3C0D1;
		color: white;
		line-height: 60px;
	}

	#loginTag {
		cursor: pointer;
		color: white;
		font-size: 20px;
		font-weight: 700;
	}

	.flex {
		display: flex;
		flex-direction: row-reverse;
		width: 100%;

		margin-bottom: 5px;
	}

	#loginTag:hover {
		color: #409EFF;
	}

	.el-aside {
		color: #333;
	}

	.el-slider__bar {
		height: 30px;
		border-radius: 15px;
	}

	.el-slider__runway {
		height: 30px;
		border-radius: 15px;
	}

	.el-slider__button {
		height: 30px;
		width: 30px;
		margin-top: 13px;
	}

	.el-tag+.el-tag {
		margin-left: 5px;

	}

	.el-tag {
		cursor: pointer;
	}

	.button-new-tag {
		padding: 5px 15px;

	}

	.input-new-tag {
		width: 90px;
		margin-left: 5px;
		vertical-align: bottom;
	}

	.cell {
		font-size: 15px;

	}

	.el-table__empty-block {
		height: 60px;

	}

	.el-image__inner {
		height: auto;
	}
	.el-upload-list__item{
		height: 2rem;
		line-height: 2rem
	}
</style>

</html>